﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="https://www.thymeleaf.org/"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{layout}">
<head>

</head>
<body>
	<div id="center" layout:fragment="content" class="wrapper">

		<!--Header Area End-->
		<!--Slider Area Start-->
		<div class="slider-area">
		    <div class="container">
		        <div class="row">
		            <div class="col-md-3 d-md-none col-lg-3 d-lg-block"></div>
		            <div class="col-md-8 col-lg-6">
		                <div class="hero-slider owl-carousel" th:object="${one}">
                            <!--Single Slider Start-->
                            <div class="single-slider" th:style="'background-image: url('+*{commodityImg}+')'">
                                <div class="hero-slider-content" >
                                    <h2 class="slow-animation2" th:text="*{commodityName}" >酒名</h2>
                                    <h4 th:text="*{commodityIntroduction}">介绍</h4>
                                    <h1 th:text="*{commodityBrand}" >品牌</h1>
                                    <div class="slider-btn mt-50">
                                        <a th:href="@{'/cart/add?commodityId='+*{commodityId}}">立即购买</a>
                                    </div>
                                </div>
                            </div>
                            <!--Single Slider End-->
                        </div>
		            </div>
		            <div class="col-md-4 col-lg-3">
		                <!--Sidebar Product Categories Start-->
		                <div class="sidebar-product-categori">
		                    <div class="sidebar-cate-title">
		                        <h2>我们的分类</h2>
		                    </div>
		                    <div class="categori-block-content owl-carousel" th:each="addr:${whiteSpirit}">
		                        <div class="item-listcategories">
		                            <!--Single List Categories Start-->
		                            <div class="list-categories">
		                                <div class="desc-listcategoreis">
		                                    <div class="name-categoreis">
		                                       <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}" th:text="${addr.commodityName}">白酒</a>
		                                    </div>
		                                    <div class="view-more">
		                                        <a th:href="@{'/cart/add?commodityId='+${addr.commodityId}}">立即购买</a>
		                                    </div>
		                                </div>
		                                <div class="thumb-category">
		                                    <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}"><img style="height: 100px;width: 100px;" th:src="@{${addr.commodityImg}}"></a>
		                                </div>
		                            </div>
		                            <!--Single List Categories End-->
		                        </div>
		                    </div>
		                </div>
		                <!--Sidebar Product Categories Start-->
		            </div>
		        </div>
		        <div class="banner-slide mt-30">
		            <div class="banner-inner">
		                <img class="d-lg-block d-md-block d-none" style="height: 100px;width: 100%;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560060366468&di=19283f79384f14e29ec042e5b1dda1a3&imgtype=0&src=http%3A%2F%2Fpic11.nipic.com%2F20101203%2F3101085_120921092215_2.jpg" alt="">
		            </div>
		        </div>
		    </div>
		</div>
		<div class="product-area mt-80">
		    <div class="container">
		        <div class="row">
		            <div class="col-12">
		                <!--Section Title Start-->
		                <div class="section-title">
		                    <h2>新品上市</h2>
		                </div>
		                <!--Section Title End-->
		            </div>
		        </div>
		        <div class="product-block-content">
		            <div class="row">
                        <div class="bestsellerSlide pdr-0 owl-carousel">
                            <div class="col-md-12" th:each="addr:${newSorting}">
                                <!--Single Product Start-->
                                <div class="single-product" >
                                    <div class="product-img">
                                        <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}">
                                            <img class="first-img" th:src="@{${addr.commodityImg}}" >
                                        </a>
                                        <span class="sticker">新</span>
                                    </div>
                                    <div class="product-content">
                                        <h4><a th:href="@{/info(commodityNumber=${addr.commodityNumber})}" th:text="${addr.commodityName}" >商品名</a></h4>
                                        <div class="product-price">
                                            <span class="regular-price" th:text="'￥'+${addr.originalPrice}">400.00</span>
                                            <span class="price" th:text="'￥'+${addr.commodityPrice}" >80.00</span>
                                        </div>

                                    </div>
                                </div>
                                <!--Single Product End-->
                        </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--Product Area End-->
		<!--Banner Area Start-->
		<div class="banner-area mt-80">
		    <div class="container">
		        <div class="row">
		            <div class="col-12">
		                <div class="banner-inner">
                            <img style="height: 200px;width: 100%;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560061019401&di=aeaa235a09816261dbf2a56ae548cb7b&imgtype=0&src=http%3A%2F%2Fpic1.nipic.com%2F2008-12-22%2F20081222164624656_2.jpg">
                        </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--Banner Area End-->
		<!--Categorie Product Area Start-->
		<div class="categorie-product-area mt-80">
		    <div class="container">
		        <div class="row">
		            <div class="col-12">
		                <!--Section Title Start-->
		                <div class="section-title float-left">
		                    <h2>白酒</h2>
		                </div>
		                <!--Section Title End-->
		                <!--Product Slider Nav-->
		                <div class="cate-slider-nav float-right">
		                    <button class="nav-prev"><i class="fa fa-angle-left"></i></button>
		                    <button class="nav-next"><i class="fa fa-angle-right"></i></button>
		                </div>
		                <!--Product Slider Nav-->
		            </div>
		        </div>
		        <div class="cate-product-wrapper">
		           <div class="row">
                        <div class="col-md-12 col-lg-3">
                            <!--Product Categorie Start-->
                            <div class="product-categorie">
                                <!--Categorie Filter Toggle--> 
                                <button class="product-tab-filter-toggle">categories: <span>all</span><i class="ion-chevron-down"></i></button>
                                <!--Categorie Filter Toggle--> 
                                <ul class="cate-filter">
                                    <li><a href="/query?brand=茅台&type=白酒">茅台</a></li>
                                    <li><a href="/query?brand=五粮液&type=白酒">五粮液</a></li>
                                    <li><a href="/query?brand=剑南春&type=白酒">剑南春</a></li>
                                    <li><a href="/query?brand=郎酒&type=白酒">郎酒</a></li>
                                    <li><a href="/query?brand=汾酒&type=白酒">汾酒</a></li>
                                    <li><a href="/query?brand=泸州老窖&type=白酒">泸州老窖</a></li>
                                    <li><a href="/query?brand=洋河&type=白酒">洋河</a></li>
                                    <li><a href="/query?brand=杜康&type=白酒">杜康</a></li>
                                </ul>
                            </div>
                            <!--Product Categorie Start-->
                        </div>
                        <div class="col-md-12 col-lg-9">
                            <!--Product Banner Start-->
                            <div class="banner-block-content">
                                <div class="banner-inner">
                                    <a href="#"><img src="http://pic23.nipic.com/20120817/988273_110832996000_2.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div> 
                    <div class="categorie-product-block-content">
                        <div class="row">
                            <div class="cate-product-slide owl-carousel">
                                <div class="col-md-12" th:each="addr:${salesRanking}">
                                    <!--Single Product Start-->
                                    <div class="single-product">
                                        <div class="product-img">
                                            <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}">
                                                <img class="first-img" th:src="@{${addr.commodityImg}}">
                                            </a>
                                            <span class="sticker">新</span>
                                        </div>
                                        <div class="product-content">
                                            <h4><a th:href="@{/info(commodityNumber=${addr.commodityNumber})}"th:text="${addr.commodityName}" >酒名</a></h4>
                                            <div class="product-price">
                                                <span class="regular-price" th:text="'￥'+${addr.originalPrice}">400.00</span>
                                                <span class="price" th:text="'￥'+${addr.commodityPrice}">$260.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Single Product End-->
                                </div>
                            </div>
                        </div>
                    </div>
		        </div>
		    </div>
		</div>
		<!--Categorie Product Area End-->








            <!--Categorie Product Area Start-->
            <div class="categorie-product-area mt-80">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <!--Section Title Start-->
                            <div class="section-title float-left">
                                <h2>葡萄酒</h2>
                            </div>
                            <!--Section Title End-->
                            <!--Product Slider Nav-->
                            <div class="cate-slider-nav float-right">
                                <button class="nav-prev"><i class="fa fa-angle-left"></i></button>
                                <button class="nav-next"><i class="fa fa-angle-right"></i></button>
                            </div>
                            <!--Product Slider Nav-->
                        </div>
                    </div>
                    <div class="cate-product-wrapper">
                        <div class="row">
                            <div class="col-md-12 col-lg-3">
                                <!--Product Categorie Start-->
                                <div class="product-categorie">
                                    <!--Categorie Filter Toggle-->
                                    <button class="product-tab-filter-toggle">categories: <span>all</span><i class="ion-chevron-down"></i></button>
                                    <!--Categorie Filter Toggle-->
                                    <ul class="cate-filter">
                                        <li><a href="/query?brand=拉菲&type=葡萄酒">拉菲</a></li>
                                        <li><a href="/query?brand=小企鹅&type=葡萄酒">小企鹅</a></li>
                                        <li><a href="/query?brand=红魔鬼&type=葡萄酒">红魔鬼</a></li>
                                        <li><a href="/query?brand=巴黎之夜&type=葡萄酒">巴黎之夜</a></li>
                                        <li><a href="/query?brand=意大利之花&type=葡萄酒">意大利之花</a></li>
                                        <li><a href="/query?brand=长城&type=葡萄酒">长城</a></li>
                                        <li><a href="/query?brand=奔富&type=葡萄酒">奔富</a></li>
                                        <li><a href="/query?brand=巴洛城堡&type=葡萄酒">巴洛城堡</a></li>
                                    </ul>
                                </div>
                                <!--Product Categorie Start-->
                            </div>
                            <div class="col-md-12 col-lg-9">
                                <!--Product Banner Start-->
                                <div class="banner-block-content">
                                    <div class="banner-inner">
                                        <a href="#"><img src="http://pic24.nipic.com/20120914/9833967_094008610000_2.jpg"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="categorie-product-block-content">
                            <div class="row">
                                <div class="cate-product-slide owl-carousel">
                                    <div class="col-md-12" th:each="addr:${salesRanking1}">
                                        <!--Single Product Start-->
                                        <div class="single-product">
                                            <div class="product-img">
                                                <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}">
                                                    <img class="first-img" th:src="@{${addr.commodityImg}}">
                                                </a>
                                                <span class="sticker">新</span>
                                            </div>
                                            <div class="product-content">
                                                <h4><a th:href="@{/info(commodityNumber=${addr.commodityNumber})}"th:text="${addr.commodityName}" >酒名</a></h4>
                                                <div class="product-price">
                                                    <span class="regular-price" th:text="'￥'+${addr.originalPrice}">400.00</span>
                                                    <span class="price" th:text="'￥'+${addr.commodityPrice}">$260.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!--Single Product End-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Categorie Product Area End-->







            <!--Categorie Product Area Start-->
            <div class="categorie-product-area mt-80">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <!--Section Title Start-->
                            <div class="section-title float-left">
                                <h2>洋酒</h2>
                            </div>
                            <!--Section Title End-->
                            <!--Product Slider Nav-->
                            <div class="cate-slider-nav float-right">
                                <button class="nav-prev"><i class="fa fa-angle-left"></i></button>
                                <button class="nav-next"><i class="fa fa-angle-right"></i></button>
                            </div>
                            <!--Product Slider Nav-->
                        </div>
                    </div>
                    <div class="cate-product-wrapper">
                        <div class="row">
                            <div class="col-md-12 col-lg-3">
                                <!--Product Categorie Start-->
                                <div class="product-categorie">
                                    <!--Categorie Filter Toggle-->
                                    <button class="product-tab-filter-toggle">categories: <span>all</span><i class="ion-chevron-down"></i></button>
                                    <!--Categorie Filter Toggle-->
                                    <ul class="cate-filter">
                                        <li><a href="/query?brand=人头马&type=洋酒">人头马</a></li>
                                        <li><a href="/query?brand=芝华士&type=洋酒">芝华士</a></li>
                                        <li><a href="/query?brand=波士&type=洋酒">波士</a></li>
                                        <li><a href="/query?brand=皇家礼炮&type=洋酒">皇家礼炮</a></li>
                                        <li><a href="/query?brand=百龄坛&type=洋酒">百龄坛</a></li>
                                        <li><a href="/query?brand=尊尼获加金牌&type=洋酒">尊尼获加金牌</a></li>
                                        <li><a href="/query?brand=珍宝&type=洋酒">珍宝</a></li>
                                        <li><a href="/query?brand=轩尼诗&type=洋酒">轩尼诗</a></li>
                                    </ul>
                                </div>
                                <!--Product Categorie Start-->
                            </div>
                            <div class="col-md-12 col-lg-9">
                                <!--Product Banner Start-->
                                <div class="banner-block-content">
                                    <div class="banner-inner">
                                        <a href="#"><img src="http://pic16.nipic.com/20110823/5975346_104800031355_2.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="categorie-product-block-content">
                            <div class="row">
                                <div class="cate-product-slide owl-carousel">
                                    <div class="col-md-12" th:each="addr:${salesRanking2}">
                                        <!--Single Product Start-->
                                        <div class="single-product">
                                            <div class="product-img">
                                                <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}">
                                                    <img class="first-img" th:src="@{${addr.commodityImg}}">
                                                </a>
                                                <span class="sticker">新</span>
                                            </div>
                                            <div class="product-content">
                                                <h4><a th:href="@{/info(commodityNumber=${addr.commodityNumber})}" th:text="${addr.commodityName}" >酒名</a></h4>
                                                <div class="product-price">
                                                    <span class="regular-price" th:text="'￥'+${addr.originalPrice}">400.00</span>
                                                    <span class="price" th:text="'￥'+${addr.commodityPrice}">$260.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!--Single Product End-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Categorie Product Area End-->

            <!--Categorie Product Area Start-->
            <div class="categorie-product-area mt-80">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <!--Section Title Start-->
                            <div class="section-title float-left">
                                <h2>啤酒</h2>
                            </div>
                            <!--Section Title End-->
                            <!--Product Slider Nav-->
                            <div class="cate-slider-nav float-right">
                                <button class="nav-prev"><i class="fa fa-angle-left"></i></button>
                                <button class="nav-next"><i class="fa fa-angle-right"></i></button>
                            </div>
                            <!--Product Slider Nav-->
                        </div>
                    </div>
                    <div class="cate-product-wrapper">
                        <div class="row">
                            <div class="col-md-12 col-lg-3">
                                <!--Product Categorie Start-->
                                <div class="product-categorie">
                                    <!--Categorie Filter Toggle-->
                                    <button class="product-tab-filter-toggle">categories: <span>all</span><i class="ion-chevron-down"></i></button>
                                    <!--Categorie Filter Toggle-->
                                    <ul class="cate-filter">
                                        <li><a href="/query?brand=粉象&type=啤酒">粉象</a></li>
                                        <li><a href="/query?brand=1664&type=啤酒">1664</a></li>
                                        <li><a href="/query?brand=百威&type=啤酒">百威</a></li>
                                        <li><a href="/query?brand=凯撒&type=啤酒">凯撒</a></li>
                                        <li><a href="/query?brand=狩猎神&type=啤酒">狩猎神</a></li>
                                        <li><a href="/query?brand=勇闯天涯&type=啤酒">勇闯天涯</a></li>
                                        <li><a href="/query?brand=青岛&type=啤酒">青岛</a></li>
                                        <li><a href="/query?brand=雪花&type=啤酒">雪花</a></li>
                                    </ul>
                                </div>
                                <!--Product Categorie Start-->
                            </div>
                            <div class="col-md-12 col-lg-9">
                                <!--Product Banner Start-->
                                <div class="banner-block-content">
                                    <div class="banner-inner">
                                        <a href="#"><img src="http://img3.redocn.com/20100104/20091231_f8ca7a4b70cf9108b38fKmt8CcSzfbh6.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="categorie-product-block-content">
                            <div class="row">
                                <div class="cate-product-slide owl-carousel">
                                    <div class="col-md-12" th:each="addr:${salesRanking3}">
                                        <!--Single Product Start-->
                                        <div class="single-product">
                                            <div class="product-img">
                                                <a th:href="@{/info(commodityNumber=${addr.commodityNumber})}">
                                                    <img class="first-img" th:src="@{${addr.commodityImg}}">
                                                </a>
                                                <span class="sticker">新</span>
                                            </div>
                                            <div class="product-content">
                                                <h4><a th:href="@{/info(commodityNumber=${addr.commodityNumber})}" th:text="${addr.commodityName}" >酒名</a></h4>
                                                <div class="product-price">
                                                    <span class="regular-price" th:text="'￥'+${addr.originalPrice}">400.00</span>
                                                    <span class="price" th:text="'￥'+${addr.commodityPrice}">$260.00</span>
                                                </div>

                                            </div>
                                        </div>
                                        <!--Single Product End-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Categorie Product Area End-->
	</div>


    </div>
</body>
</html>
